$(document).ready(function() {
  
   $.getJSON('picks/xhrgetmessages', function(o) {

       for(var i=0; i<o.length; i++) {
           $('#messagelist').append('<div class="messagename">' + o[i].username + '</div>');
           $('#messagelist').append('<div class="message">' + o[i].message + '</div>');
           
       }
   });
  
   $('#messageinsert').submit(function() {

    var url = $(this).attr('action');
    var data = $(this).serialize();

    $.post(url, data, function(o) {

           $('#messagelist').prepend('<div class="message">' + o.text + '</div>');
            $('#messagelist').prepend('<div class="messagename">' + o.username + '</div>');

      }, 'json');

        
 return false;
   });
});

